/* 
    Document   : contacts
    Author     : Mariëlle Verwimp
    Description: css for the information partials _contactInfo _contactNotes and _contactOrders
*/
#contacts{
    float: left;
    width: 99%;
    padding-bottom: 20px;
    margin: 0 0.5% 0 0.5%;
}
#info{ /* div starts and ends on indexSucces */
    width: 100%;
    margin: 0;
    float: left;
}
/* ***** Navigation ***** */
#info_nav{
    margin: 0 0.5%;
    padding: 0;
    float: left;
    width: 99%;
}
#info_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#info_nav ul li{
    float: left;
    padding-top: -5px;
}
#info_nav ul li img{
    margin: 1px 5px -5px 3px;
}
#info_nav a{
    font-size: 14px;
    font-weight: bold;
}
#info_nav ul .sel{
    width: 113px;
    height: 24px;
    background: url(../images/Backgrounds/bg_info_tab_sel.png) no-repeat;
}
#info_nav ul .no_sel{
    width: 113px;
    height: 24px;
    background: url(../images/Backgrounds/bg_info_tab_no_sel.png) no-repeat;
}
#info_nav ul a{
    color: black;
}
/* ***** The tabs with general info, orders and notes ****** */

#info_content{
    width: 99%;
    margin: 0 0.5%;
    float: left;
    background: white;
    min-height: 80px;
}
#info_content p{ width: 99%; margin: 0 0.5%; } /* used on notes tab */
#info_content_orders{ background: white; height:220px; } /* background of order tab plus the height */
#info_content_orders #order{ width: 99%; margin: 10px 0.5% 0 0.5%; } /* the table with orders on orders tab */
.table_right{ position: absolute; left: 300px; } /* the right table on general info tab (bold text) more to the right */
.table_right_info{ position: absolute; left: 340px; } /* the right table on general tab (info text) more to the right */
#info_order_pager{
    margin-top: 20px;
}